<template>
 <div class="writeDetailWrap">
   <header class="topbar">
     <router-link to="/index/write"  tag="p">
      <nut-icon 
        type="right" 
        color="#3e84f3"
        class="left"
      >
      
      </nut-icon>
      返回
    </router-link>
    </header>
   <nut-textbox 
      :placeText='finished'
      :limitShow="false" 
      height="100"
      class="text"
  >
  </nut-textbox>
  <nut-textbox 
      :placeText="unfinished"
       :limitShow="false" 
      class="text"
  >
  </nut-textbox>
  <nut-textbox 
      :placeText="coordinate"
       :limitShow="false" 
      class="text"
  >   
  </nut-textbox>
  <p class="receive">
    <span>日志接收人：</span>
    <strong>
      <nut-icon 
      type="plus" 
      size="25px"
      color="#fff"
    >
    </nut-icon>
  </strong>
  
</p>
<p class='submitWrap'>
<nut-button 
    block 
    type="light"
    shape="circle" 
    class="submit"
    
    
  >
    提&nbsp;&nbsp;&nbsp;&nbsp;交
  </nut-button>
  </p>
 </div>
</template>

<script>

export default {
  
  components: {
   
  },
  data() {
    return {
      finished:'今日完成工作',
      unfinished:'未完成工作',
      coordinate:'协调工作'
     
    };
  },
  computed:{
  },
  created(){
      if(this.$router.currentRoute.params.type=="daily"){
        this.finished =  '今日完成工作';
        this.unfinished = '未完成工作';
        this.coordinate = '协调工作';
      }else {
        this.finished =   '本周工作内容';
        this.unfinished = '下周工作计划';
        this.coordinate = '需要帮助和支持';
      }
  },
  mounted() {
  
  },
  methods:{
   
  }
  
};
</script>
<style lang="scss" >
  .writeDetailWrap{
    .text{
      margin:20px auto;
      width:90%;
      
      height:2rem;
    }
    .topbar{
      height:50px;
      line-height:50px;
      // background:#3e84f3;
      display:flex;
      align-items:center;
      color:#3e84f3;
      font-size:18px;
      p{
         display:flex;
        align-items:center;
      }
       .left{
        transform:rotate(180deg);
      }
    }
   
    .receive{
      width:90%;
      margin:0 auto;
      display:flex;
      align-items:center;
      justify-content:space-between;
      color:#333;
      font-size:16px;
      line-height:30px;
      text-align:left;
      span{
         color:#333;
        font-size:16px;
      }
      strong{
        background:#3e84f3;
        // padding:4px;
        border-radius:50px;
        display:flex;
        align-items:center;
        justify-content:center;
        width:35px;
        height:35px;
      }
    }
    .submitWrap{
      width:80%;
      margin:3rem auto ;
    }
    .submit{

    }
    .nut-button.light{
      color:#3e84f3;
      border-color:#3e84f3;
      font-size:0.5rem;
    }
    .nut-textbox .txt-area.num-none {
      padding:5px;
      height:100%;
      
      textarea{
        height:100%;
        font-size:16px;
        color:#333;

      }
    }
  }
</style>
